HTML input 输入框响应回车键事件

2024-07-07 10:57| 来源: 网络整理| 查看: 265

今天在修复本站顶部的搜索栏的时候有一个需求，就是在输入之后按下回车键会自动跳转到搜索页面，这个技术不难。从某些方面说就是 HTML input 输入框响应回车键按下

所以，思路就是给 input 绑定一个 keypress 事件，然后判断按下键的 keyCode 的是否是 13 ( 回车键代码 )，如果是再跳转

实现方式有很多，本章节中我们使用 JavaScript 和 jQuery

jQuery

bind()

$(".Search-input input[type=search]").bind('keypress',function(e){ if( event.keyCode == 13 ) window.location="/q/" + $(this).val(); });

on()

$(".Search-input input[type=search]").on('keypress',function(e){ if( event.keyCode == 13 ) window.location="/q/" + $(this).val(); });

keydown()

$(".Search-input input[type=search]").keydown(function(e){ if( event.keyCode == 13 ) window.location="/q/" + $(this).val(); });

【本文地址】

公司简介

联系我们